<%--
  Created by IntelliJ IDEA.
  User: 27804
  Date: 2023/6/24
  Time: 12:21
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>样板单审核详情</title>
    <link href="//unpkg.com/layui@2.8.8/dist/css/layui.css" rel="stylesheet">
    <!-- 引入 layui.js -->
    <script src="//unpkg.com/layui@2.8.8/dist/layui.js"></script>
</head>
<style>
    .my-upload-demo {
        position: absolute;
        top: 0;
        right: 0;
    }
    .layui-table-tool .layui-inline1 [lay-event] {
        position: relative;
        width: 26px;
        height: 26px;
        padding: 5px;
        line-height: 16px;
        margin-right: 10px;
        text-align: center;
        color: #333;
        border: 1px solid #ccc;
        cursor: pointer;
        -webkit-transition: .5s all;
        transition: .5s all;
    }
</style>
<body>
<div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">款号</label>
            <div class="layui-input-inline"><input type="text" name="quotationFactory" lay-verify="required" class="layui-input layui-disabled" value="款号自动生成" readonly></div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">版单号</label>
            <div class="layui-input-inline"><input type="text" name="quotationFactory" lay-verify="required"
                                                   class="layui-input layui-disabled" value="版单号" readonly></div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">客户</label>
            <div class="layui-input-inline">
                <div class="layui-form layui-row layui-col-space16 " >
                    <div class="layui-col-md6 ">
                        <select disabled>
                            <option value="">请选择</option>
                            <option value="AAA">选项 A</option>
                            <option value="BBB">选项 B</option>
                            <option value="CCC">选项 C</option>
                        </select>
                    </div>
                </div>

            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">版类</label>
            <div class="layui-input-inline"><input type="text" name="brand" lay-verify="required" placeholder="版类" class="layui-input">
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label">加工厂</label>
            <div class="layui-input-inline"><input type="text" name="orderNumber" lay-verify="required"
                                                   placeholder="加工厂" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">款号</label>
            <div class="layui-input-inline"><input type="text" name="predictReorder" lay-verify="required"
                                                   placeholder="款号" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">款式名称</label>
            <div class="layui-input-inline"><input type="text" name="productionCycle" lay-verify="required"
                                                   placeholder="款式名称" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">款式类型</label>
            <div class="layui-input-inline">
                <input type="text" name="itemNumber" lay-verify="required" placeholder="XX类型" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">车板师</label>
            <div class="layui-input-inline">
                <div class="layui-form layui-row layui-col-space16">
                    <div class="layui-col-md6" >
                        <select disabled>
                            <option value="">请选择</option>
                            <option value="AAA">选项 A</option>
                            <option value="BBB">选项 B</option>
                            <option value="CCC">选项 C</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">设计师</label>
            <div class="layui-input-inline">
                <div class="layui-form layui-row layui-col-space16">
                    <div class="layui-col-md6">
                        <select disabled>
                            <option value="">请选择</option>
                            <option value="AAA">选项 A</option>
                            <option value="BBB">选项 B</option>
                            <option value="CCC">选项 C</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">设计号</label>
            <div class="layui-input-inline">
                <input type="text" name="factoryName" lay-verify="required" value="设计号自动生成" readonly class="layui-input layui-disabled">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">制板师</label>
            <div class="layui-input-inline">
                <div class="layui-form layui-row layui-col-space16">
                    <div class="layui-col-md6">
                        <select disabled>
                            <option value="">请选择</option>
                            <option value="AAA">选项 A</option>
                            <option value="BBB">选项 B</option>
                            <option value="CCC">选项 C</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">完板日期</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="ID-laydate-demo" placeholder="yyyy-MM-dd">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">净重</label>
            <div class="layui-input-inline"><input type="text" name="itemNumber" lay-verify="required" placeholder="G\KG" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">款式单位：</label>
            <div class="layui-input-inline"><input type="text" name="itemNumber" lay-verify="required" placeholder="XX款式单位" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">备注：</label>
            <div class="layui-input-inline"><input type="text" name="itemNumber" lay-verify="required" placeholder="其他1" class="layui-input">
            </div>
        </div>
    </div>
    <fieldset class="layui-elem-field layui-field-title">
        <legend>成分选择</legend>
    </fieldset>
    <table class="layui-hide" id="ID-table-demo-data1"></table>

    <fieldset class="layui-elem-field layui-field-title">
        <legend>辅料选择</legend>
    </fieldset>
    <table class="layui-hide" id="ID-table-demo-data2"></table>


    <fieldset class="layui-elem-field layui-field-title">
        <legend>尺码数量选择</legend>
    </fieldset>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">S</label>
            <div class="layui-input-inline"><input type="text" name="quotationFactory" lay-verify="required"
                                                   class="layui-input layui-disabled" value="数量" readonly></div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">M</label>
            <div class="layui-input-inline"><input type="text" name="quotationFactory" lay-verify="required"
                                                   class="layui-input layui-disabled" value="数量" readonly></div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">L</label>
            <div class="layui-input-inline"><input type="text" name="quotationFactory" lay-verify="required"
                                                   class="layui-input layui-disabled" value="数量" readonly></div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">XL</label>
            <div class="layui-input-inline"><input type="text" name="quotationFactory" lay-verify="required"
                                                   class="layui-input layui-disabled" value="数量" readonly></div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">2XL</label>
            <div class="layui-input-inline"><input type="text" name="quotationFactory" lay-verify="required"
                                                   class="layui-input layui-disabled" value="数量" readonly></div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">3XL</label>
            <div class="layui-input-inline"><input type="text" name="quotationFactory" lay-verify="required"
                                                   class="layui-input layui-disabled" value="数量" readonly></div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">4XL</label>
            <div class="layui-input-inline"><input type="text" name="quotationFactory" lay-verify="required"
                                                   class="layui-input layui-disabled" value="数量" readonly></div>
        </div>
    </div>
    <table id="fileTable" lay-filter="fileTable"></table>
    <div class="layui-btn-container" style="display: flex; justify-content: center; align-items: flex-end; height: 10vh;">
        <div class="layui-btn-container" style="display: flex; align-items: flex-end; height: 10vh;">
            <button type="button" class="layui-btn" onclick="toSampleOrderReviewList1()">返回</button>
        </div>
    </div>

</div>
</body>
<script src="//unpkg.com/layui@2.8.8/dist/layui.js"></script>
<script>
    layui.use('table', function(){
        var table = layui.table;

        // 已知数据渲染
        var inst = table.render({
            elem: '#ID-table-demo-data1',
            cols: [[ //标题栏
                {field: 'id', title: 'ID', width: 80, sort: true},
                {field: 'username', title: '用户', width: 120},
                {field: 'sign', title: '签名', minWidth: 160},
                {field: 'sex', title: '性别', width: 80},
                {field: 'city', title: '城市', width: 100},
                {field: 'experience', title: '积分', width: 80, sort: true}
            ]],
            data: [{ // 赋值已知数据
                "id": "10001",
                "username": "张三1",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "116"
            }],
            //skin: 'line', // 表格风格
            //even: true,
            page: true, // 是否显示分页
            limits: [5, 10, 15],
            limit: 5 // 每页默认显示的数量
        });
    });
</script>
<script src="//unpkg.com/layui@2.8.8/dist/layui.js"></script>
<script>
    layui.use('table', function(){
        var table = layui.table;

        // 已知数据渲染
        var inst = table.render({
            elem: '#ID-table-demo-data2',
            cols: [[ //标题栏
                {field: 'id', title: 'ID', width: 80, sort: true},
                {field: 'username', title: '用户', width: 120},
                {field: 'sign', title: '签名', minWidth: 160},
                {field: 'sex', title: '性别', width: 80},
                {field: 'city', title: '城市', width: 100},
                {field: 'experience', title: '积分', width: 80, sort: true}
            ]],
            data: [{ // 赋值已知数据
                "id": "10001",
                "username": "张三1",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "116"
            }],
            //skin: 'line', // 表格风格
            //even: true,
            page: true, // 是否显示分页
            limits: [5, 10, 15],
            limit: 5 // 每页默认显示的数量
        });
    });
</script>
<script src="//unpkg.com/layui@2.8.8/dist/layui.js"></script>
<script>
    layui.use(['table', 'element'], function() {
        var table = layui.table;

        // 渲染表格
        table.render({
            elem: '#fileTable',
            url: '/api/files', // 替换为你的文件列表数据接口
            cols: [
                [
                    { field: 'name', title: '文件名' },
                    { field: 'size', title: '大小' },
                    { field: 'date', title: '日期' },
                    { title: '操作', toolbar: '#downloadToolbar' }
                ]
            ]
        });
    });
    // 监听工具条
    table.on('tool(fileTable)', function(obj) {
        var data = obj.data;
        if (obj.event === 'download') {
            // 触发文件下载操作
            window.location.href = '/api/download?filename=' + encodeURIComponent(data.name);
        }
    });
</script>
<script src="//unpkg.com/layui@2.8.8/dist/layui.js"></script>
<script type="text/html" id="downloadToolbar">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="download">下载</a>
</script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript">
    function toSampleOrderReviewList1() {//跳审核列表页面
        window.location.href="toSampleOrderReviewList";
    }

</script>
</html>
